<?php
require_once('common/session_config.php');
require_once('common/header.php');
?>
<style>
    .promo-banner { padding: 15px; }
    .promo-banner img { width: 100%; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .promo-nav { display: flex; text-align: center; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px;}
    .promo-nav-item { flex: 1; padding: 15px 0; font-weight: 600; position: relative; cursor: pointer; }
    .promo-nav-item.active { color: var(--bs-primary); }
    .promo-nav-item.active::after { content: ''; position: absolute; bottom: -1px; left: 25%; right: 25%; height: 3px; background-color: var(--bs-primary); border-radius: 3px; }
</style>
<div id="seo-app" class="main-content" v-cloak>
    <div class="promo-banner">
        <div class="row g-2">
            <div class="col-6"><img src="https://via.placeholder.com/300x120/0D6EFD/FFFFFF?Text=分享店铺" alt="分享店铺"></div>
            <div class="col-6"><img src="https://via.placeholder.com/300x120/FFC107/FFFFFF?Text=招募代理" alt="招募代理"></div>
        </div>
    </div>
    <div class="card mt-3">
        <div class="card-body">
            <div class="promo-nav">
                <div class="promo-nav-item active">代理推广</div>
            </div>
            <a href="register.html" class="btn btn-primary w-100 mb-2"><i class="bi bi-person-plus-fill me-2"></i>添加代理</a>
            <a href="commission.php" class="btn btn-outline-primary w-100"><i class="bi bi-sliders me-2"></i>全局佣金设置</a>
        </div>
    </div>
</div>
<?php require_once('common/footer.php'); ?>